<template>
  <div class="module-box">
    <el-row :gutter="10">
      <el-col v-for="(item, index) in module.props.entries" :key="index" :span="6">
        <div class="entry">
          <i :class="item.icon"></i>
          <div>{{ item.title }}</div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'FunctionEntryModule',
  props: ['module'],
}
</script>

<style scoped>
.module-box { padding: 10px; border: 1px solid #ddd; }
.entry { text-align: center; }
</style>
